<template>
  <div>
    {{ formData.oj }}
    <el-form
      :model="formData"
      ref="ruleForm"
      label-width="100px"
      class="demo-ruleForm"
    >
      <el-form-item label="名称" prop="name">
        <el-select
          v-model="formData.oj"
          multiple
          collapse-tags
          placeholder="请选择"
          :rule="rules"
        >
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  // model: {
  // prop: "FormData",
  // emit: "change"
  // },
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤鸭"
        }
      ],
      rules: [{ required: true, message: "请输入活动名称", trigger: "blur" }],
      formData: {
        oj: []
      }
    };
  }
};
</script>

<style lang="scss" scoped></style>
